
/*导航栏start*/
.navbar{
    margin: 0 auto;
    width: 1200px;
    background-color: white;
    position: relative;
}
.nav-link:hover{
    color:orange;
}
.nav-link{
    font-weight: 600;
    color: black;
}
.active .nav-link{
    color: #fc7c01;
}
.active{
    border-bottom: 2px #fc7c01 solid;
}
.modal-header,.modal-body{
    margin: 0;
    padding: 10px 10px;
    background: linear-gradient(to top,#f7f7f9,white);
}
#Logo{
    width: 80px;
    height: 50px;
}
.modal-body{
    text-align: center;
}
.userInfo{
    position: relative;
}
.personalDropdown{
    position: absolute;
    z-index: 4;
    display: none;
    border: 1px solid grey;
    box-shadow:0 0 2px gray;
}
.personalDropdown a{
    display: block;
    text-decoration: none;
    color: black;
    padding: 2px 30px;
    background-color: #f7f7f9;
}
.personalDropdown a:hover{
    color: white;
    background-color: orange;
}
.personalDropdown2{
    position: absolute;
    z-index: 4;
    display: none;
    border: 1px solid grey;
    box-shadow:0 0 2px gray;
}
.personalDropdown2 a{
    display: block;
    text-decoration: none;
    color: black;
    padding: 2px 5px;
    background-color: #f7f7f9;
}
.personalDropdown2 a:hover{
    color: white;
    background-color: orange;
}
#loginModalLabel,#registerModalLabel{
    font-weight: 600;
}
#registerModalLabel label,#loginModalLabel label{
    color: #fc7c01;
}
.textInput{
    width: 280px;
    font-size: 18px;
    line-height: 28px;
    border: 1px solid grey;
    border-radius: 5px;
    margin: 10px 0 0 0;
    padding: 5px 10px;
}
.textInput:focus{
    border: 2px solid orange;
}
.submitBtn{
    width: 280px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 5px;
    margin: 10px 0 35px 0;
    padding: 5px 10px;
    background-color: orangered;
    border: none;
}
.submitBtn:hover{
    background-color: orange;
    color: white;
}

#personalCenterLi{
    display: none;
}

/*导航栏end*/
/*城市列表start*/
#dropDownLink{
    width: 80px;
    height: 21px;
    background-color: white;
    position: absolute;
    z-index: 4;
    top: 50px;
    left:8%;
    border-left: #fd651b 1px solid;
    border-right: red 1px solid;
    border-radius: 25% 25% 0 0;
    box-shadow:1px -1px 2px orange;
    display: none;
}
#cityList{
    width: 800px;
    height: 407px;
    position: absolute;
    border: gray 1px solid;
    z-index: 3;
    background-color: white;
    left:8%;
    top: 70px;
    box-shadow:1px -1px 2px gray;
    display: none;
}
#indexList{
    width: 800px;
    height: 61px;
    text-align: center;
    border-bottom: gray 1px solid;
    line-height: 60px;
}
#indexList a{
    text-decoration: none;
    display: inline-block;
    width: 24px;
    color: #4e555b;
    font-size: 18px;
    margin: 0 2px;
}
#indexList a:hover{
    color: #007bff;
    font-weight: 600;
}
.city-list{
    list-style: none;
    padding-left: 30px;
    margin:0;
}

.city-list .key{
    float: left;
    color: #c5c7d5;
}
.cities{
    display: inline-block;
    margin-left: 20px;
    color: gray;
    width: 700px;
}
.city-list a{
    display: inline-block;
    text-decoration: none;
    color: black;
    margin-right: 20px;
    margin-top: 20px;
}
.city-list a:hover{
    color: #007bff;
    font-weight: 600;
}
/*城市列表end*/